四種渲染模式 SF Symbols (模式)
單色、分層、調色盤、多色。分層渲染模式透過一種單一顏色的透明度變化。
/Untitled.png)
單色模式(Monochrome)
是所有渲染模式中最中性的。提供一致的外觀。
/Untitled 1.png)
/Untitled 2.png)
/Untitled 3.png)
層次化模式(Hierarchical)
透過高亮重要部分或區分前景和背景元素,建立視覺層次。增強了符號的視覺層次,使重要資訊更突出。
/Untitled 4.png)
當符號並列排列時,多層色可以透過強弱變化,突出元素的差異性提升易讀與識別性。
/Untitled 5.png)
/Untitled 6.png)
透過調節透明度來呈現符號的層次感。這樣可以保持符號色值的一致性
/Untitled 7.png)
/Untitled 8.png)
如雨、雲、太陽三者根據不同的含義分了三個層級。
分層邏輯:a當圖形之間存在間隙 使用第一和第二層級關係 b當圖形之間互相遮擋或接觸定義使用第一和第三層級關係(比如螢幕或底部圓形的圖示)
/Untitled 9.png)
/Untitled 10.png)
透過設計符號的顏色與層次梯度來實現分層渲染模式
/Untitled 11.png)
多彩模式/調色盤模式(Palette)
使符號的元素具有獨特性和多樣化,允許符號自定義以融入環境的色彩調色盤。增加了符號的視覺吸引力和靈活性。
多彩色是將兩種或多種顏色運用在符號中的一種模式。每種顏色可以單獨控制。
/Untitled 12.png)
這種模式會讓符號更加突出、強化多樣性。透明度的屬性讓符號更好融入多彩的介面環境中
/Untitled 13.png)
/Untitled 14.png)
多彩色與分層色模式在圖層結構上是相同的。
/Untitled 15.png)
相同的樣式和顏色搭配。會讓使用者認知到符號在功能或等級上的關聯性。
/Untitled 16.png)
也可以使用不同的顏色,體現功能符號的差異性。
/Untitled 17.png)
多色模式(Multicolor)
A 使用多種顏色來表達符號(事物)固有和原生顏色,這代表了與現實中物體顏色有對應性。使用多種顏色來描述符號在物理世界中的外觀或強調符號傳達的意義。
/Untitled 18.png)
傳達指定的概念或意義。這個案例中新增使用了綠色,刪除使用了紅色。
/Untitled 19.png)
很多符號的概念都對應著原有顏色。可以將原有色運用在符號設計中,原有色是一個與符號本身概念關聯性最強的渲染模式。
/Untitled 20.png)
原有色渲染模式上色方式:a 全部上原有色 b 部分上色,原有色+輔助色。如果沒有原有色,就使用第四種單色渲染模式。
/Untitled 21.png)
/Untitled 22.png)
/Untitled 23.png)